<template>
	<div class="active">
		<div class="fixed">
			<div class="title flex">
				<div class="title_left">
					<img @click="back" src="../assets/image/return.png"/>
				</div>
				<div class="add">
					注册成功
				</div>
				<div>
				</div>
			</div>

		</div>
		<div class="lists">
              <div class="logo flex">
              	<img src="../assets/image/complete.png"/>
              </div>
			  <div class="center ">
			  <p>	浪客圈注册成功！</p>
			  <p>请完善企业信息</p>
			  </div>
			  <div class="btns" @click="skipto_fully">
			  	完成
			  </div>
              
              
			</div>
		</div>

	</div>

</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		//在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图
		created: function() {

		},
		methods: {
			back() {
				this.$router.go(-1)
			},
	
			skipto_fully(){
				this.$router.push({
					path: '/perfect'
				});
			},
			
		},
		mounted() {

		},
	}
</script>

<style>

</style>
<style scoped="scoped">
	.active {
		
		position: fixed;
		top: 0;
		width: 100%;
		max-width: 640px;
		height: 100%;
	}
	.title_left {
		width: 0.67391rem;
		height: 0.67391rem;
	}
	
	.lists {
		padding: 2rem ;

	}

	.title {
		width: 90%;
		padding: 0 5% 0 5%;
		height: 2rem;
		font-size: 0.7193rem;
		background: white;
		align-items: center;
	}
	
	.title div {
		width: calc(100%/3);
		align-items: center;
	}
	.title_left>img {
		width: 0.67391rem;
		height: 0.67391rem;
	}
	.title>div:nth-child(2) {
		text-align: center;
	}
	.logo img{
		width: 4.8695rem;
		height:4.8695rem;
	}
	.logo{
		justify-content: center;
		align-items: center;
	}
	
	.btns{
		width: 100%;
		height: 2.1913rem;
		background:#007AFF;
		border-radius: 0.47826rem;
		text-align: center;
		line-height: 2.3913rem;
		color: white;
		font-size: 0.7826rem;
		margin-top: 3.7rem;
	}
	.center{
		width: 100%;
		padding-top: 1.5rem;
	}
	.center>p{
		font-size: 0.60869rem;
		text-align: center;
	}
	
	
	
</style>